<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- svg-sprite：用于把各个svg组合成精灵图片 -->
    <!-- symbol 元件：可以用于包裹 icon，不显示在页面中 -->
    <svg style="display: none">
      <symbol
        id="one"
        width="128"
        height="96"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M64.125 56.975L120.188.912A12.476 12.476 0 0 0 115.5 0h-103c-1.588 0-3.113.3-4.513.838l56.138 56.137z"
        />
        <path
          d="M64.125 68.287l-62.3-62.3A12.42 12.42 0 0 0 0 12.5v71C0 90.4 5.6 96 12.5 96h103c6.9 0 12.5-5.6 12.5-12.5v-71a12.47 12.47 0 0 0-1.737-6.35L64.125 68.287z"
        />
      </symbol>

      <symbol
        id="two"
        width="128"
        height="128"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M73.137 29.08h-9.209 29.7L63.886.093 34.373 29.08h20.49v27.035H27.238v17.948h27.625v27.133h18.274V74.063h27.41V56.115h-27.41V29.08zm-9.245 98.827l27.518-26.711H36.59l27.302 26.71zM.042 64.982l27.196 27.029V38.167L.042 64.982zm100.505-26.815V92.01l27.41-27.029-27.41-26.815z"
        />
      </symbol>

      <symbol
        id="three"
        width="128"
        height="128"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M78.208 16.576v8.384h38.72v5.376h-38.72v8.704h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.512h38.72v5.376h-38.72v11.136H128v-94.72H78.208zM0 114.368L72.128 128V0L0 13.632v100.736z"
        />
        <path
          d="M28.672 82.56h-11.2l14.784-23.488-14.08-22.592h11.52l8.192 14.976 8.448-14.976h11.136l-14.08 22.208L58.368 82.56H46.656l-8.768-15.68z"
        />
      </symbol>
    </svg>

    <svg>
      <use xlink:href="#two"></use>
    </svg>

    <svg>
      <use xlink:href="#two"></use>
    </svg>

    <svg>
      <use xlink:href="#two"></use>
    </svg>

    <svg>
      <use xlink:href="#one"></use>
    </svg>
  </body>
</html>
